<!-- 有侧边栏的结构 -->
<div id="sidebar" class="bui-sidebar-wrap">
    <!-- 侧边栏 -->
    <div class="bui-sidebar swiperight">
        <div class="personal-info">
            <div class="bui-btn bui-box">
                <div class="ring userface"><img src="images/face.png" alt=""></div>
                <div class="span1">
                    <h3 class="item-title">o仔</h3>
                    <p class="item-text"><i class="icon">&#xe629;</i></p>
                </div>
                <i class="icon-">&#xe657;</i>
            </div>
        </div>
        <ul class="bui-list">
            <li class="bui-btn bui-box">
                <i class="icon">&#xe62a;</i>
                <div class="span1">开通会员</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe63a;</i>
                <div class="span1">QQ钱包</div>
                <span class="bui-badges"></span>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe601;</i>
                <div class="span1">个性装扮</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe62a;</i>
                <div class="span1">我的收藏</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe679;</i>
                <div class="span1">我的相册</div>
            </li>
            <li class="bui-btn bui-box">
                <i class="icon">&#xe622;</i>
                <div class="span1">我的文件</div>
            </li>
        </ul>
        <div class="sidebar-foot bui-fixed-bottom">
            <ul class="bui-nav">
                <li class="bui-btn">
                    <i class="icon-setting"></i>
                    设置
                </li>
                <li class="bui-btn">
                    <i class="icon">&#xe67f;</i>
                    夜间
                </li>
            </ul>
        </div>
    </div>
    <div class="bui-page-index">
        <div class="main">
            <div id="tabDynamic" class="bui-tab">
                <div class="bui-tab-main">
                    <ul>
                        <li>
                            <!-- 消息 -->
                        </li>
                        <li>
                            <!-- 联系人 -->
                        </li>
                        <li>
                            <!-- 动态 -->
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <footer>
            <ul id="tabDynamicNav" class="bui-nav main-nav">
                <li class="bui-btn bui-box-vertical active" href="pages/main/home.html">
                    <i class="icon">&#xe677; <span class="bui-badges">4</span></i>
                    <div class="span1">消息</div>
                </li>
                <li class="bui-btn bui-box-vertical" href="pages/main/contact.html">
                    <i class="icon">&#xe67a;</i>
                    <div class="span1">联系人</div>
                </li>
                <li class="bui-btn bui-box-vertical" href="pages/main/minespace.html">
                    <i class="icon">&#xe600;</i>
                    <div class="span1">动态</div>
                </li>
            </ul>
        </footer>
    </div>
</div>

<!-- 搜索列表 -->
<div id="search-dialog" class="bui-dialog" style="display:none;" >
    <div id="uiSearchbar" class="bui-searchbar bui-box">
    <div class="span1">
      <div class="bui-input">
        <i class="icon-search"></i>
        <input type="search" value="" placeholder="请输入关键字"/>
            </div>
        </div>
        <div class="btn-cancel">取消</div>
    </div>
    <div id="uiScroll" class="bui-scroll">
      <div class="bui-scroll-head"></div>
      <div class="bui-scroll-main">
        <ul class="bui-list">
        </ul> 
      </div>
      <div class="bui-scroll-foot"></div>
    </div>
</div>